<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>购物车</title>
    <link rel="stylesheet" href="./css/Shopping.css">
</head>

<body>
    <div class="web">
        <!-- 头部区域 -->
        <header>
            <!-- 标题 -->
            <div class="shopping-title">
                <div class="shopping-title-img">
                    <img src="./image/Shopping-images/left.png" alt="">
                </div>
                <div class="shopping-title-content">
                    <span>购物车</span>
                </div>
            </div>
        </header>
        <!-- 空白区域 -->
        <div class="unnecessary"></div>
        <!-- 主体区域 -->
        <main>
            <!-- 容器-购物车界面 -->
            <div class="container">
                <div class="item-one">
                    <div class="checkbox"></div>
                    <img src="./image/Shopping-images/1.png" alt="">
                    <div class="desc">
                        <h2>幸福守候</h2>
                        <h3>数量： x 1</h3>
                        <h3>市场价：<span class="old-price">￥299</span></h3>
                        <h3>店铺价：<span class="new-price">￥239</span></h3>
                    </div>
                </div>
                <div class="item-two">
                    <div class="checkbox"></div>
                    <img src="./image/Shopping-images/1.png" alt="">
                    <div class="desc">
                        <h2>幸福守候</h2>
                        <h3>数量： x 1</h3>
                        <h3>市场价：<span class="old-price">￥299</span></h3>
                        <h3>店铺价：<span class="new-price">￥239</span></h3>
                    </div>
                </div>
                <div class="item-three">
                    <div class="checkbox"></div>
                    <img src="./image/Shopping-images/1.png" alt="">
                    <div class="desc">
                        <h2>幸福守候</h2>
                        <h3>数量： x 1</h3>
                        <h3>市场价：<span class="old-price">￥299</span></h3>
                        <h3>店铺价：<span class="new-price">￥239</span></h3>
                    </div>
                </div>
            </div>
            <!-- 主体区域-猜你喜欢界面 -->
            <div class="like">
                <!-- 猜你喜欢-标题 -->
                <div class="like-title">
                    <h2>猜你喜欢</h2>
                </div>
                <!-- 猜你喜欢-内容 -->
                <div class="like-content">
                    <div class="flower">
                        <img src="./image/Shopping-images/1.png" alt="">
                        <h3>永恒回忆</h3>
                        <div class="flower-price">
                            <span>￥329</span>
                            <span class="sell">销量16022笔</span>
                        </div>
                    </div>
                    <div class="flower">
                        <img src="./image/Shopping-images/1.png" alt="">
                        <h3>永恒回忆</h3>
                        <div class="flower-price">
                            <span>￥329</span>
                            <span class="sell">销量16022笔</span>
                        </div>
                    </div>
                    <div class="flower">
                        <img src="./image/Shopping-images/1.png" alt="">
                        <h3>永恒回忆</h3>
                        <div class="flower-price">
                            <span>￥329</span>
                            <span class="sell">销量16022笔</span>
                        </div>
                    </div>
                    <div class="flower">
                        <img src="./image/Shopping-images/1.png" alt="">
                        <h3>永恒回忆</h3>
                        <div class="flower-price">
                            <span>￥329</span>
                            <span class="sell">销量16022笔</span>
                        </div>
                    </div>
                    <div class="flower">
                        <img src="./image/Shopping-images/1.png" alt="">
                        <h3>永恒回忆</h3>
                        <div class="flower-price">
                            <span>￥329</span>
                            <span class="sell">销量16022笔</span>
                        </div>
                    </div>
                    <div class="flower">
                        <img src="./image/Shopping-images/1.png" alt="">
                        <h3>永恒回忆</h3>
                        <div class="flower-price">
                            <span>￥329</span>
                            <span class="sell">销量16022笔</span>
                        </div>
                    </div>
                    <div class="flower">
                        <img src="./image/Shopping-images/1.png" alt="">
                        <h3>永恒回忆</h3>
                        <div class="flower-price">
                            <span>￥329</span>
                            <span class="sell">销量16022笔</span>
                        </div>
                    </div>
                    <div class="flower">
                        <img src="./image/Shopping-images/1.png" alt="">
                        <h3>永恒回忆</h3>
                        <div class="flower-price">
                            <span>￥329</span>
                            <span class="sell">销量16022笔</span>
                        </div>
                    </div>
                    <div class="flower">
                        <img src="./image/Shopping-images/1.png" alt="">
                        <h3>永恒回忆</h3>
                        <div class="flower-price">
                            <span>￥329</span>
                            <span class="sell">销量16022笔</span>
                        </div>
                    </div>
                    <div class="flower">
                        <img src="./image/Shopping-images/1.png" alt="">
                        <h3>永恒回忆</h3>
                        <div class="flower-price">
                            <span>￥329</span>
                            <span class="sell">销量16022笔</span>
                        </div>
                    </div>
                    <div class="flower">
                        <img src="./image/Shopping-images/1.png" alt="">
                        <h3>永恒回忆</h3>
                        <div class="flower-price">
                            <span>￥329</span>
                            <span class="sell">销量16022笔</span>
                        </div>
                    </div>
                    <div class="flower">
                        <img src="./image/Shopping-images/1.png" alt="">
                        <h3>永恒回忆</h3>
                        <div class="flower-price">
                            <span>￥329</span>
                            <span class="sell">销量16022笔</span>
                        </div>
                    </div>
                    <div class="flower">
                        <img src="./image/Shopping-images/1.png" alt="">
                        <h3>永恒回忆</h3>
                        <div class="flower-price">
                            <span>￥329</span>
                            <span class="sell">销量16022笔</span>
                        </div>
                    </div>
                    <div class="flower">
                        <img src="./image/Shopping-images/1.png" alt="">
                        <h3>永恒回忆</h3>
                        <div class="flower-price">
                            <span>￥329</span>
                            <span class="sell">销量16022笔</span>
                        </div>
                    </div>
                    <div class="flower">
                        <img src="./image/Shopping-images/1.png" alt="">
                        <h3>永恒回忆</h3>
                        <div class="flower-price">
                            <span>￥329</span>
                            <span class="sell">销量16022笔</span>
                        </div>
                    </div>
                    <div class="flower">
                        <img src="./image/Shopping-images/1.png" alt="">
                        <h3>永恒回忆</h3>
                        <div class="flower-price">
                            <span>￥329</span>
                            <span class="sell">销量16022笔</span>
                        </div>
                    </div>
                </div>
            </div>
        </main>
        <!-- 空白区域 -->
        <div class="unnecessary-two"></div>
        <!-- 底部区域 -->
        <div class="tabbar">
            <!-- 合计界面 -->
            <div class="amount">
                <span>合计： ¥ 0</span>
            </div>
            <!-- 结算界面 -->
            <div class="settle">
                <span>去结算(0)</span>
            </div>
        </div>
    </div>
</body>

</html>